<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>软件工程设计</title>
    <link th:href="@{../css/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{../css/signin.css}" rel="stylesheet">
    <style>
        body {
            background-image: url('/uidata/img/photo-02.jpg'); /* 设置背景图片 */
            background-size: cover; /* 背景图片覆盖整个页面 */
            background-repeat: no-repeat; /* 背景图片不重复 */
            background-position: center; /* 背景图片居中 */
        }
    </style>
</head>
<body class="text-center" >
<form class="form-signin" action="#" th:action="@{/save}" method="post">
    <img class="mb-4" th:src="@{../img/logo.svg}" alt="" width="100%" height="100%">
    <label class="sr-only" style="margin-bottom: 5px;">用户名</label>
    <input type="text" name="name" class="form-control" placeholder="用户名" required="">
    <label class="sr-only" style="margin-bottom: 5px;">密码</label>
    <input type="password" name="password" class="form-control" placeholder="密码" required="">
    <label class="sr-only" style="margin-bottom: 5px;">性别</label>
    <select name="sex" class="form-control">
        <option value="男">男</option>
        <option value="女">女</option>
        <option value="不详">不详</option>
    </select>

    <label class="sr-only" style="margin-bottom: 5px;">地址</label>
    <input type="text" name="address" class="form-control" placeholder="地址" required="">
    <label class="sr-only" style="margin-bottom: 5px;">年龄</label>
    <input type="number" name="age" class="form-control" placeholder="年龄" min="10" max="100" required="">
    <label class="sr-only" style="margin-bottom: 5px;">电话</label>
    <input type="tel" name="phone" class="form-control" placeholder="电话" required="">
    <label class="sr-only" style="margin-bottom: 5px;">邮箱</label>
    <input type="email" name="email" class="form-control" placeholder="邮箱" required="">
    <label class="sr-only" style="margin-bottom: 5px;">生日</label>
    <input type="date" name="birthday" class="form-control" placeholder="生日" required="">
    <button class="btn btn-lg btn-primary btn-block" type="submit">注册</button>
    <br>
    <p style="color: deepskyblue;">Copyright © 2023 丽江文化旅游学院 </p>
    <p style="color: deepskyblue;">All Rights Reserved & ICP Licensed</p>
    <p style="color: deepskyblue;">onlinefun.fun 滇ICP备:2023002014号 </p>
</form>

</body>
<script>
    $(document).ready(function() {

        bgCycle = $("body").backgroundCycle({
            imageUrls: [
                "/uidata/img/photo-02.jpg",
                "/uidata/img/photo-03.jpg",
                "/uidata/img/photo-04.jpg",
                "/uidata/img/photo-05.jpg"
            ],
            fadeSpeed: 2000,
            duration: -1,
            backgroundSize: SCALING_MODE_COVER
        });
    });
</script>
</html>